<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<style lang="scss">
@font-face {
  font-family: 'font';
  src: url("./assets/font/font.ttf");
}
html,body{
  width: 100%;
  height: 100%;
  overflow:hidden;
  font-family: font;
}
#app {
  color: #2c3e50;
  width: 100%;
  height: 100%;
  overflow:hidden;
  background: linear-gradient(0deg, #161D26 0%, #0E1419 100%);
}

*{
  margin: 0;
  padding: 0;
}
.el-popover{
  background: rgba(0, 0, 0, 0.7) !important;
  border-radius: 12px!important;
  color: #ffffff!important;
  bottom: 98px!important;
  max-height: 522px;
  overflow-x: hidden;
  overflow-y: auto;
}
.popper__arrow{
  display: none!important;
}
.el-popper[x-placement^="top"] .popper__arrow::after{
  border-top-color:rgba(0, 0, 0, 0.7) !important
}
</style>
